<script setup>
import {useRouter} from "vue-router";
const router = useRouter()
const jumpFn = () => {
  router.push('/WareDetail')
}
</script>

<template>
  <div @click="jumpFn" v-for="item in 10" class="w-full padding backgroundColor flex items-center roundCorner mb-[10px]">
    <van-image
        width="60"
        height="60"
        src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
    />
    <div class=" w-[calc(100%-70px)] ml-[10px]">
      <div class="font-bold">总部仓库</div>
      <div class="w-full mt-[5px] text-[10px] text-[#999] text-ellipsis whitespace-nowrap overflow-hidden">电脑办公、数码加点、数码加哈哈哈哈哈哈哈哈哈哈和点哈哈哈哈哈哈</div>
      <div class="elasticity mt-[5px]">
        <div class="font-bold text-[#FF4000]">￥2.32万</div>
        <div class="text-[10px] text-[#666]">库存112693件</div>
      </div>
    </div>
  </div>
</template>

<style scoped>

</style>